<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="../../../assets/docs.css" rel="stylesheet" type="text/css" media="screen" />
<title>MooTools 1.3 Documentation - Class/Chain.Wait</title>
</head>

<body>
  <div class="doc">
    <div class="span-2 last methods">
      <h4 class="menu-item"><a href="#Chain">Chain</a></h4>
      <div class="menu-item"><a href="#Chain:wait">wait</a></div>
      <h4 class="menu-item"><a href="#Element">Element</a></h4>
      <div class="menu-item"><a href="#Element:chains">chains</a></div>
      <div class="menu-item"><a href="#Element:pauseFx">pauseFx</a></div>
    </div>
    <div class="l-border r-border span-15 content">
      <h1 id="Chain"><a href="#Chain">Class: Chain</a></h1>
      <p class="description">Extends the <a href="../../../docs/core/Class/Class.Extras.html#Chain">Chain</a> class.</p>
      <h3>Tutorial/Demo</h3>
      <ul>
        <li><a href="http://www.clientcide.com/wiki/cnet-libraries/01.1-class.extras/01-chain.wait">Online Tutorial/Demo</a></li>
      </ul>
      <h2 id="Chain:wait"><a href="#Chain:wait">Chain Method: wait</a></h2>
      <p class="description">Injects pauses between chained events.</p>
      <h3>Syntax</h3>
      <pre class="javascript">myClass.<span class="me1">wait</span><span class="br0">(</span>duration<span class="br0">)</span>;

</pre>
      <h3>Arguments</h3>
      <ol>
        <li>duration - (<em>integer</em>) The duration (in milliseconds) to pause the chain stack; defaults to <em>500</em>.</li>
      </ol>
      <h3>Example</h3>
      <pre class="javascript"><span class="kw2">new</span> Fx.<span class="me1">Tween</span><span class="br0">(</span><span class="st0">'myElement'</span>, <span class="br0">{</span>

    property: <span class="st0">'width'</span>,
    link: <span class="st0">'chain'</span>
<span class="br0">}</span><span class="br0">)</span>.<span class="me1">start</span><span class="br0">(</span><span class="nu0">0</span><span class="br0">)</span>.<span class="me1">wait</span><span class="br0">(</span><span class="nu0">400</span><span class="br0">)</span>.<span class="me1">start</span><span class="br0">(</span><span class="nu0">100</span><span class="br0">)</span>;

</pre>
      <h3>Returns</h3>
      <ul>
        <li>(<em>object</em>) - This instance of the class.</li>
      </ul>
      <h1 id="Element"><a href="#Element">Type: Element</a></h1>
      <p class="description">Extends the Element Type (if present) with methods to delay effect chains.</p>
      <h2 id="Element:chains"><a href="#Element:chains">Element Method: chains</a></h2>
      <p class="description">Sets the Element's "built in" effect instances (both <a href="../../../docs/core/Fx/Fx.Tween.html">Fx.Tween</a> and <a href="../../../docs/core/Fx/Fx.Morph.html">Fx.Morph</a>) link option to "chain".</p>
      <h3>Syntax</h3>
      <pre class="javascript">myElement.<span class="me1">chains</span><span class="br0">(</span><span class="br0">)</span>;

</pre>
      <h3>Returns</h3>
      <ul>
        <li>(<em>element</em>) - This element.</li>
      </ul>
      <h2 id="Element:pauseFx"><a href="#Element:pauseFx">Element Method: pauseFx</a></h2>
      <p class="description">Pauses a specified effect chain using <a href="#Chain:wait">Chain.wait</a>.</p>
      <h3>Syntax</h3>
      <pre class="javascript">myElement.<span class="me1">pauseFx</span><span class="br0">(</span><span class="br0">[</span>duration, effect<span class="br0">]</span><span class="br0">)</span>;
</pre>
      <h3>Arguments</h3>
      <ol>
        <li>duration - (<em>integer</em>) The duration (in milliseconds) to pause the chain stack; defaults to <em>500</em>.</li>
        <li>effect - (<em>string</em>) Either "tween" or "morph" (defaults to "tween" so you only need specify it if it's morph).</li>
      </ol>
    </div>
  </div>
<script type="text/javascript" src="../../../assets/mootools-core-1.3.js"></script>
<script type="text/javascript" src="../../../assets/mootools-more-smoothscroll.js"></script>
<script type="text/javascript" src="../../../assets/doc-assist.js"></script>
</body>
</html>
